<style tyle="text/css">
  .modal-lg {
    width: 50%;
  }
</style>

<div class="modal-header">
  <h4 class="modal-title">广告信息</h4>
</div>
<div class="modal-body">
  <form name="form" class="form-horizontal form-validation ng-pristine ng-valid ng-valid-required">
    <div class="form-group">
      <h4 class="col-md-3 control-label">广告标题</h4>
      <h4 class="col-md-5">
        <input type="text" class="form-control" placeholder="例:旭泊泉精品特产店" ng-model="bean.title">
      </h4>
    </div>
    <div class="form-group">
      <h4 class="col-md-3 control-label">跳转链接</h4>
      <h4 class="col-md-5">
        <input type="text" class="form-control" placeholder="例:https://weixint.juyouhx.com/views/shop/goods_list.html?cid=tz001491c52a25a4a&class_code=aa012a68-5978-11e8-b74f-7cd30adaf30e" ng-model="bean.href">
      </h4>
    </div>
    <div class="form-group">
      <h4 class="col-md-3 control-label">广告图片</h4>
      <h4 class="col-md-7">
        <img ng-src="{{bean.ad_img}}" width="350" height="200" id="ad_img" ng-model="bean.ad_img">
        <input type="file" nv-file-select uploader="uploader1" />
        <ul class="list-group">
          <li class="list-group-item" ng-repeat="item in uploader1.queue">
            文件名: <span ng-bind="item.file.name"></span>
            <button type="button" class="btn btn-default btn-xs"  ng-click="item.upload()">
              <span class="glyphicon glyphicon-upload"></span> 上传
            </button>
            <div class="progress mt10">
              <div class="progress-bar" role="progressbar" ng-style="{'width': uploader1.progress+'%'}"></div>
            </div>
          </li>
        </ul>
      </h4>
    </div>

  </form>
</div>
<div class="modal-footer">
  <button class="btn btn-success" type="button" ng-click="ok()">确定</button>
  <button class="btn btn-danger" type="button" ng-click="close()">取消</button>
</div>